var active;

layui.use('element', function () {
    var $ = layui.jquery
        , element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块

    //触发事件
    active = {
        tabAdd: function () {
            $(this).attr("data-type", "tabChange");

            var url = $(this).attr("data-href");
            var iframeId = $(this).attr("id");
            var iframe = '<iframe frameborder="0" id="iframe' + iframeId + '" style="width: 100%;height:500px;margin-top: 10px;background-color:#F0F2F5"" src="' + url + '"></iframe>'
            //新增一个Tab项
            element.tabAdd('demo', {
                title: $(this).text() //用于演示
                , content: iframe
                , id: $(this).attr("lay-id") //实际使用一般是规定好的id，这里以时间戳模拟下
            })
            // 模拟点击展示
            $(this).click();

            // 点击x删除
            $('.layui-tab-close').on('click', function () {
                var id = $(this).parent().attr("lay-id");
                console.log($("#" + id))
                $("#" + id).attr("data-type", "tabAdd");
            })
        }
        , tabDelete: function (othis) {
            // console.log($(this))
            //删除指定Tab项
            element.tabDelete('demo', '122'); //删除：“商品管理”
            othis.addClass('layui-btn-disabled');
        }
        , tabChange: function () {
            var type = $(this).attr("lay-id");
            // console.log(type)
            //切换到指定Tab项
            element.tabChange('demo', type); //切换到：用户管理
        }
    };


// 点击添加Tab
    $('.base_btn').on('click', function () {
        console.log($(this))
        var othis = $(this), type = othis.attr("data-type");
        active[type] ? active[type].call(this, othis) : '';
    });

});

function baseBtn(obj) {
    var othis = obj
    var type = obj.attr("data-type");
    active[type] ? active[type].call(obj, othis) : '';
}

/**
 * 统一的关闭弹窗方法
 * @author zhangjj
 * @param obj
 */
function closeLayer(obj) {
    var index = layer.getFrameIndex(obj);
    layer.close(index);
}

// layer组件
var layerIndex;

function layerOpenHtml(obj) {
    layerIndex = layer.open({
        title: [obj.title, "font-size:18px;"],
        type: obj.type,
        area: obj.area, //宽高
        content: obj.content,
        success: function (layero, index) {
            obj.success(layero, index)
        }
    });
}


function layerClose() {
    layer.close(layerIndex)
}

function layerClose(src) {
    layer.close(layerIndex);
    if(!(isEmpty(src))){
        $(".layui-show").find("iframe").attr("src",src)
    }
}
